/*
 *@create by wenzhui 2013-12-16
 */
.u-input{ position:relative; background:@c-base-b; height:@h-normal; margin-top:10px; outline:0; }
.u-input label{color:@c-base-f;float:left;padding-right:5px;width:135px;text-align:right;display:inline-block;*display:inline;height:(@h-normal); line-height:(@h-normal);*height:(@h-normal)-2; *line-height:(@h-normal)-2;}
.u-input .u-tip,.u-input .u-control{position:relative;width:@w-normal;height:@h-normal;float:left;}

.u-input input{position:relative;width:@w-normal;height:@h-normal;line-height:@h-normal;*width:(@w-normal)-2*(@padding-w)-2;*height:(@h-normal)-2;*line-height:(@h-normal)-2;color:@c-card-f;border:@border-normal;padding:0 @padding-w;outline:0;font-size:@fz-input;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);vertical-align:top;-moz-box-sizing: border-box; box-sizing: border-box;}

.u-input input:focus{border:@border-focus;}
.u-input .u-card{width:(@w-card)-2*(@padding-w)-2;color:@c-card-f;font-size:18px;}
.u-input .u-vcode{width:(@w-vc)-2*(@padding-w)-2;}
.u-input .u-mcode{width:(@w-mb)-2*(@padding-w)-2;color:@c-mm-f;}
.u-input .u-money{width:(@w-mn)-2*(@padding-w)-2;color:@c-mm-f;}
/*输入框不同状态的基础样式*/
input.focus{border:@border-focus}
input.error{border:@border-error}
input.right{border:@border-right}
/*输入框提示状态样式*/
.tip{background:url(@tip_url) no-repeat;width:20px;height:20px;display:inline-block;zoom:1;position:absolute;top:((@h-normal)-20)/2;right:10px;overflow:hidden;}
.tip.error{background-position:-21px 0;left:10px;}
.tip.right{background-position:0 0;}
.tip-pane{position:absolute;background:#fffcd3;color:@c-error-f;border:@border-error;z-index:@index-tip;overflow:hidden;cursor:pointer;}
.tip-pane .text{position:relative;left:35px;}

/*下拉提示内容，以及下拉数据选择样式*/
.control{display:none;position:absolute;border:@border-normal;background:@c-base-b;height:auto;z-index:@index-tip;-moz-box-sizing: border-box; box-sizing: border-box;}
.control .item{color:@c-base-f;font-size:14px;border-bottom:@border-normal;cursor:pointer;text-align:center;-moz-box-sizing: border-box; box-sizing: border-box;}
.control .item.hover{background:#fffcd3;color:@c-hover-f;}
.control.table .item{display:inline-block;-moz-box-sizing: border-box; box-sizing: border-box;}
.control .col-border{border-left:@border-normal;border-right:@border-normal;}
.control .row-border{border-top:@border-normal;}
.control .b-border{border-bottom:@border-normal;}
.select .item{text-align:left;padding-left:10px;overflow:hidden;-moz-box-sizing: border-box; box-sizing: border-box;}
.select .item.hover{color:@c-base-f;}

/*验证码，及表单文字按钮*/
.u-vcode-img,.u-a-btn{width:(@w-vc-img);height:(@h-vc-img);line-height:(@h-vc-img);text-algin:center;overflow:hidden;vertical-align:top;_margin-top:1px;-moz-box-sizing: border-box; box-sizing: border-box;}
.u-vcode-img{border:@border-normal;}
.u-a-btn{padding:0 15px;color:#3381b4;}
.u-input a ,.u-input a:hover{text-decoration:none;color:#3381b4;}/*超链接多余的虚线边框*/
.u-input .unit{display:inline-block;*display:inline;*zoom:1;height:@h-normal;line-height:@h-normal;padding-left:10px;}

/*输入框占位符*/
.u-placeholder{display:inline-block;*display:inline;*zoom:1;color:@c-normal-f;position:absolute;z-index:99;}

/*下拉框*/
.u-control .single{display:inline-block;*display:inline;*zoom:1;width:22px;height:22px;position:absolute;right:1px;top:((@h-normal)-22)/2;background:url(../images/single.png) no-repeat 0 center;cursor:pointer;z-index:@index-tip;}
.u-control .single.open{background-position:-22px center;}

/*城市选择框*/
.u-ui-citybox{position:absolute;display:none;width:430px;min-height:218px;height:auto;*width:428px;*height:216px;-moz-box-sizing: border-box; box-sizing: border-box;border:@border-normal;overflow:hidden;background:@c-base-b;z-index:@index-box;}
.u-ui-citybox .header{width:100%;height:45px;*height:32px;padding-top:13px;z-index:(@index-box)+1;border-bottom:@border-normal;-moz-box-sizing: border-box; box-sizing: border-box;}
.u-ui-citybox .header .item{float:left;height:32px;line-height:32px;padding:0 12px;margin:0 10px;cursor:pointer;color:@c-tab-f;font-size:14px;-moz-box-sizing: border-box; box-sizing: border-box;}
.u-ui-citybox .header .item.first{margin-left:20px;}
.u-ui-citybox .header .item.active{border-top:@border-normal;border-left:@border-normal;border-right:@border-normal;background:@c-base-b;color:@c-card-f;font-weight:600;}
.u-ui-citybox .body{width:100%;height:173px;border-bottom:@border-normal;overflow-y:auto;}
.u-ui-citybox .body .inner{height:143px;padding:15px 10px;}
.u-ui-citybox .body .inner .item{float:left;display:inline-block;*display:inline;*zoom:1;width:38px;height:22px;line-height:22px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 5px;*margin:2px 5px;}
.u-ui-citybox .body .inner .item.hover{color:@c-hover-f;text-decoration: underline; /*font-weight: 600;*/}


/*联系人下拉选择*/
.u-ui-person , .u-ui-personbox .box-header .box-single{background:url(../images/relativePerson.png) no-repeat;}
.u-ui-person{display:inline-block;*display:inline;*zoom:1;position:absolute;width:17px;height:17px;background-position:0 0;top:10px;right:10px;cursor:pointer;z-index:@index-tip;}
.u-ui-personbox{display:none;position:absolute;width:@w-person-box;height:auto;top:10px;right:10px;z-index:@index-box;}
.u-ui-personbox .box-header{position:relative;width:@w-person-box;height:12px;text-align:center;border-bottom:@border-person-box;}
.u-ui-personbox .box-header .box-single{position:absolute;left:((@w-person-box)-20)/2;background-position:0 -17px;width:20px;height:12px;overflow:hidden;z-index:1;*bottom:-1px;}
.u-ui-personbox .box-inner{width:@w-person-box;*width:(@w-person-box)-2;border:@border-person-box;border-top:0;background-color:@c-base-b;margin-top:-1px;padding-top:13px;}
.u-ui-personbox .box-inner .box-tab{width:(@w-person-box)-2;height:40px;border-top:@border-person-box;}
.u-ui-personbox .box-inner .box-tab li{float:left;height:38px;line-height:38px;text-align:center;width:((@w-person-box)-2)/2;background-color:#ededed;border-bottom:@border-person-box;color:@c-mm-f;font-weight:600;cursor:pointer;}
.u-ui-personbox .box-inner .box-tab li.first{border-right:@border-person-box;}
.u-ui-personbox .box-inner .box-tab li.hover{color:@c-person-box;background-color:@c-base-b;}
.u-ui-personbox .box-inner .box-tab li.active{background-color:@c-base-b;color:@c-mm-f;border-bottom:0;*height:39px;*line-height:39px;}
.u-ui-personbox .box-inner .box-content{display:none;width:(@w-person-box)-2;}
.u-ui-personbox .box-inner .box-content .item{padding:15px 25px;color:@c-mm-f;border-bottom:@border-person-box;cursor:pointer;}
.u-ui-personbox .box-inner .box-content .item.hover{color:@c-person-box;background-color:#fffaf1;}
